<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>image-rendering property</title>
</head>
<body>
    <h1>image-rendering property</h1>
    <p>This image should be blurred:</p>
    <img style="width: 256px" src="file:///res/graphics/buggie.png">
    <p>This image should be blurred:</p>
    <img style="image-rendering: auto; width: 256px" src="file:///res/graphics/buggie.png">
    <p>This image should be pixelated:</p>
    <img style="image-rendering: pixelated; width: 256px" src="file:///res/graphics/buggie.png">
</body>
</html>
